.eill-2 {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    display: -webkit-box;
    word-break: break-all;
}

.eill-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.excel-table {
    border: 1px solid #DFE4ED;
    background: #fff;
    border-top: none;
    border-left: none;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    .table-item {
        display: flex;
        border-top: 1px solid #DFE4ED;
        font-size: 14px;
        line-height: 32px;
        color: #2D2F33;
        flex: 1;

        @for $i from 1 through 12 {
            &.item-#{$i} {
                min-width: (100% / 12 * $i);
            }
            &.item-row-#{$i} {
                .table-content {
                    white-space: normal;
                    text-overflow: -o-ellipsis-lastline;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: $i;
                    line-clamp: $i;
                    -webkit-box-orient: vertical;
                }
            }
        }
    }

    .table-label {
        background: #F7F8FC;
        border-right: 1px solid #DFE4ED;
        border-left: 1px solid #DFE4ED;
        width: 110px;
        padding: 4px 12px;
        text-align: right;
        color: #5A5E66;
        @extend .eill-1;
        &.wrap {
            @extend .eill-2;
        }
    }

    .table-content {
        flex: 1;
        width: calc(100% - 110px);
        padding: 4px 12px;
        @extend .eill-1;
        &.itemwrap {
            white-space: normal;
        }
        &.wrap {
            @extend .eill-2;
        }
    }
}